@import 'com/sass/_utils-wap';
@import 'com/sass/_reset-wap';
@import 'compass/css3';
$icon:sprite-map("stu/cata/*.png",$spacing:10px);
header{
    height: 100px/$ppr;
    line-height: 100px/$ppr;
    text-align: center;
    background: #07225c;
    color: #fff;
    font-size: 36px/$ppr;
    position: relative;
    a.back{
        @include icon($icon,'cata_03');
        position: absolute;
        top:30px/$ppr;
        left: 30px/$ppr;
    }
}
article{
    width: 720px/$ppr;
    height: 1134px/$ppr;
    background: url(../../../../images/stu/c_bg.png) no-repeat;
    background-size: 720px/$ppr 1134px/$ppr;
    position: relative;
    a{
        width: 160px/$ppr;
        height: 180px/$ppr;
        position: absolute;
        color: #fff;
        font-size: 32px/$ppr;
        text-align: center;
        line-height: 50px/$ppr;
        em{
            
            display: block;
            margin: 0 auto;
        }
        &.c1{
            top: 30px/$ppr;
            left: 95px/$ppr;
            em{
                @include icon($icon,'cata_07');
            }
        }
        &.c2{
            top: 123px/$ppr;
            right: 130px/$ppr;
            em{
                @include icon($icon,'cata_10');
            }
        }
        &.c3{
            top: 340px/$ppr;
            left: 300px/$ppr;
            em{
                @include icon($icon,'cata_15');
            }
        }
        &.c4{
            top: 550px/$ppr;
            left: 90px/$ppr;
            em{
                @include icon($icon,'cata_19');
            }
        }
        &.c5{
            top: 660px/$ppr;
            right: 117px/$ppr;
            em{
                @include icon($icon,'cata_23');
            }
        }
    }
    p{
        color: #333;
        font-size: 28px/$ppr;
        line-height: 45px/$ppr;
        width: 455px/$ppr;
        height: 130px/$ppr;
        position: absolute;
        left: 70px/$ppr;
        bottom: 100px/$ppr;
    }
}